<?php
/**
 * Sección indice de orquestamesta
 * @author Sahib J. Leo
 */
require '../config.php';
$css_arr = array(
  'css/sidebar-noticias.css',
  'css/seguidores/index.css'
);
if(LANG == 'en'){
  $css_arr[] = 'css/sidebar-noticias-en.css';
  $css_arr[] = 'css/seguidores/index-en.css';
}

require PATH . 'layout/header.php';
$old_seguidores_lang = Lang::setSource('seguidores');
?>
<div id="followers_main" class="clearfix">
  <div id="followers_content">
    <h1><?php echo Lang::get('title') ?></h1>

    <h2 id="write_us_title"><?php echo Lang::get('write_us') ?>:</h2>
    <a href="mailto:info@ofj.com.mx" id="mail_to">info@ofj.com.mx</a>

    <!-- Caralibro -->
    <h2 id="fb_title"><?php echo Lang::get('facebook') ?></h2>
    <div class="fb-like-box" 
      data-href="http://www.facebook.com/pages/Orquesta-Filarmonica-de-Jalisco/180233478684363" 
        data-width="654" data-height="470" 
        data-show-faces="true" 
        data-stream="true" 
        data-header="false"></div>
    
    <!-- Twittah -->
    <h2 id="tw_title"><?php echo Lang::get('twitter') ?></h2>
    <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
      version: 2,
      type: 'profile',
      rpp: 20,
      interval: 30000,
      width: 654,
      height: 300,
      theme: {
        shell: {
          background: '#e31836',
          color: '#ffffff'
        },
        tweets: {
          background: '#ffffff',
          color: '#584f46',
          links: '#e31836'
        }
      },
      features: {
        scrollbar: true,
        loop: false,
        live: true,
        behavior: 'all'
      }
    }).render().setUser('ofilarmonicajal').start();
    </script>

    <!-- RSS FEED -->
    <a href="rss/" id="link_rss_feed">
      <h2><?php echo Lang::get('news_feed') ?></h2>
      <?php echo Lang::get('subscribe') ?>
    </a>

    <!-- Formulario para subscripción -->
    <h2 id="subscribe_title"><?php echo Lang::get('subscribe_title') ?></h2>
    <div class="frm_message" id="msg_sending"><?php echo Lang::get('msg_sending') ?></div>
    <div class="frm_message" id="msg_success"><?php echo Lang::get('msg_success') ?></div>
    <div class="frm_message" id="msg_error"></div>
    <form id="frm_subscribe">
      <p id="subscribe_text"><?php echo Lang::get('subscribe_text') ?></p>
      <div class="field clearfix">
        <label for="name" id="lbl_name"><?php echo Lang::get('name') ?></label>
        <input type="text" class="input" name="name" id="name" />
      </div>
      <div class="field clearfix">
        <label for="email" id="lbl_email"><?php echo Lang::get('email') ?></label>
        <input type="text" class="input" name="email" id="email" />
      </div>
      <div class="field clearfix">
        <label for="celphone" id="lbl_celphone"><?php echo Lang::get('celphone') ?></label>
        <input type="text" class="input" name="celphone" id="celphone" />
      </div>
      <div class="field clearfix">
        <label for="city" id="lbl_city"><?php echo Lang::get('city') ?></label>
        <input type="text" class="input" name="city" id="city" />
      </div>
      <div id="text_how_often">
        <?php echo Lang::get('how_often') ?>
      </div>
      <ul id="form_bullets" class="clearfix">
        <li class="clearfix"><label><?php echo Lang::get('option_1') ?></label><a class="btn_bullet active" data-often="S" href="#"></a></li>
        <li class="clearfix"><label><?php echo Lang::get('option_2') ?></label><a class="btn_bullet" data-often="M" href="#"></a></li>
        <li class="clearfix"><label><?php echo Lang::get('option_3') ?></label><a class="btn_bullet" data-often="D" href="#"></a></li>
      </ul>
      <a id="btn_submit" href="#">Enviar/Send</a>
    </form>
  </div><!-- // #followers_content -->
  <?php
  require PATH . 'sidebar-noticias.php';
  ?>
</div><!-- // #followers_main -->
<?php
Lang::setSource($old_seguidores_lang);
$js_arr = array(
  'js/seguidores/index.js'
);
require PATH . 'layout/footer.php';